<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <!-- <li>lili-18-student</li> -->
    </ul>
    <script>
        var arr=[
            {
                "name":"lili",
                "age":18,
                "job":"student"
            },
            {
                "name":"lisa",
                "age":28,
                "job":"student"
            },
            {
                "name":"Tom",
                "age":38,
                "job":"CEO"
            }
        ]

        var ul=document.querySelector("ul");
        var str="";
        for(var i=0;i<arr.length;i++){
             let {name,age,job}=arr[i];
             str+=`<li>${name}--${age}--${job}</li>`
        }
       // console.log(str);
        ul.innerHTML=str;
    </script>
</body>
</html>